<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="./css/address.css">
    <title>选择收货地址</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back-new" class="header-btn left-btn backtrack"></span>
          	<span class="title">选择收货地址</span>
          	<span class="right-btn" id="addressSelectManage">管理</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div class="address-null" ref="addressNull" style="display: none;">
  			<img src="../../../image/shop/buy/buy-79.png"/>
  			<h2>你还没有收货地址，快去添加吧！</h2>
  			<p>让我们知道你的收货地址</p>
  		</div>
  		<ul class="address-select-list" v-if="list != ''" ref="addressList" id="addressList">
  			<li v-for="(item,index) in list" :data-addressid="item.address_id" @click="orderAddressSelect" :data-index="index">
				<h2><b v-html="item.name"></b><span v-html="item.phone"></span></h2>
				<p v-html="item.province + item.city + item.district + item.address"></p>
				<input type="radio" name="address" class="aui-radio" :data-index="index" :data-addressid="item.address_id" value="" :checked="address_id == item.address_id ? 'true': ''"/>
  			</li>
  		</ul>

  		<!--<ul class="address-select-list">
  			<li>
  				<h2>天叶蓝<span>18624561453</span></h2>
  				<p><i>[默认地址]</i>离开的时间覅圣诞节快乐飞剑控到死</p>
  				<input type="radio" name="address" class="aui-radio" value="" />
  			</li>
  			<li>
  				<h2>天叶蓝<span>18624561453</span></h2>
  				<p>离开的时间覅圣诞节快乐飞剑控到死</p>
  				<input type="radio" name="address" class="aui-radio" value="" />
  			</li>
  			<li>
  				<h2>天叶蓝<span>18624561453</span></h2>
  				<p>离开的时间覅圣诞节快乐飞剑控到死</p>
  				<input type="radio" name="address" class="aui-radio" value="" />
  			</li>
  		</ul>-->
  		<a href="javascript:void(0);" class="address-select-btn" @click="addressAdd">+增加收货地址</a>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/addressSelect.js"></script>
</html>
